<wicket:extend>
	<div class="p-5 new-pull-request">
		<div class="revision-compare mb-5">
			<div class="base revision card">
				<div class="card-body">
					<div class="title">Target</div>
					<div wicket:id="target" class="selector"></div>
					<a wicket:id="targetCommitLink" class="message"><span wicket:id="message"></span></a>
				</div>
			</div>
			<div class="swap">
				<a wicket:id="swap" class="btn btn-primary btn-icon" title="Swap"><wicket:svg href="swap" class="icon"></wicket:svg></a>
			</div>
			<div class="compare revision card">
				<div class="card-body">
					<div class="title">Source</div>
					<div wicket:id="source" class="selector"></div>
					<a wicket:id="sourceCommitLink" class="message"><span wicket:id="message"></span></a>
				</div>
			</div>
		</div>
		<div wicket:id="status" class="status"></div>
		<wicket:enclosure child="tabs">
		<div class="card">
			<div class="card-body">
				<ul wicket:id="tabs" class="nav nav-tabs nav-tabs-line nav-bolder mb-5"></ul>
				<div wicket:id="tabPanel" class="tab-panel"></div>
			</div>
		</div>
		</wicket:enclosure>
	</div>
	<wicket:fragment wicket:id="effectiveFrag">
		<div class="alert alert-notice alert-light-success shadow mb-5">
			<span wicket:id="description"></span> <a wicket:id="link"><span wicket:id="label"></span></a>
		</div>
	</wicket:fragment>
	<wicket:fragment wicket:id="sameBranchFrag">
		<div class="alert alert-notice alert-light-warning shadow mb-5">
			<div class="summary">
				<span>Please select different branches</span>
			</div>
		</div>		
	</wicket:fragment>
	<wicket:fragment wicket:id="mergedFrag">
		<div class="alert alert-notice alert-light-success shadow mb-5">
			<div class="summary">
				Branch <a wicket:id="targetBranch"></a> is up to date with all commits from <a wicket:id="sourceBranch"></a>.
				Try <a wicket:id="swapBranches">swap source and target</a> for the comparison.
			</div>
		</div>		
	</wicket:fragment>
	<wicket:fragment wicket:id="unrelatedHistoryFrag">
		<div class="alert alert-notice alert-light-warning shadow mb-5">
			<div class="summary">
				<span>History of target branch and source branch is unrelated</span>
			</div>
		</div>
	</wicket:fragment>
	<wicket:fragment wicket:id="branchNotSpecifiedFrag">
		<div class="alert alert-notice alert-light-warning shadow mb-5">
			<div class="summary">
				<span>Please select branches to create pull request</span>
			</div>
		</div>
	</wicket:fragment>
	<wicket:fragment wicket:id="canSendFrag">
		<div class="card can-send mb-5">
			<div class="card-body">
				<form wicket:id="form" class="leave-confirm">
					<div class="form-group">
						<label>Title <span class="text-danger"></span></label>
						<input wicket:id="title" type="text" class="form-control" placeholder="Input title here">
						<div wicket:id="titleFeedback"></div>
					</div>
					<div class="form-group">
						<label>Description</label>
						<div wicket:id="description"></div>						
						<div wicket:id="descriptionFeedback"></div>
					</div>
					<div class="form-group merge-strategy">
						<label>Merge Strategy</label>
						<div wicket:id="mergeStrategy">
							<select wicket:id="select" class="form-control custom-select"></select>
							<div wicket:id="help" class="form-text text-muted"></div>	
							<div wicket:id="status" class="status"></div>						
						</div>						
					</div>
					<div class="form-group">
						<label>Reviewers</label>
						<div wicket:id="reviewers"></div>
						<div class="text-muted form-text">Pull request can only be merged after getting approvals from all reviewers</div>
					</div>
					<div class="form-group">
						<label>Assignees <a wicket:id="assignToMe" class="ml-2 font-weight-normal font-size-sm">assign to me</a></label>
						<div wicket:id="assignees"></div>
						<div class="text-muted form-text">Assignees have code write permission and will be responsible for merging the pull request</div>
					</div>
					<button wicket:id="send" type="submit" class="btn btn-primary">Send Pull Request</button>
				</form>
			</div>
		</div>	
	</wicket:fragment>
</wicket:extend>